<template>
    <el-menu
        :default-active="activeIndex"
        class="el-menu-demo"
        mode="horizontal"
        @select="handleSelect"
        background-color="#545c64"
        text-color="#fff"
        active-text-color="#ffd04b"
        router
    >
        <el-menu-item index="/">技术演示平台</el-menu-item>
        <el-submenu index="2">
            <template slot="title">知识图谱</template>
            <el-menu-item index="/graph-search">图谱搜索</el-menu-item>
            <el-menu-item index="/graph-import">数据导入</el-menu-item>
        </el-submenu>
        <el-menu-item index="/autoqa">自动问答</el-menu-item>
        <el-menu-item index="/recsys">推荐系统</el-menu-item>
    </el-menu>
</template>

<script>
export default {
    data() {
        return {
            activeIndex: "1"
        };
    },
    methods: {
        handleSelect(key, keyPath) {
            console.log(key, keyPath);
        }
    }
};
</script>

<style scoped>

</style>